const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  //   entry: ['./src/index.js', './src/add.js'],//打包成单个js,适用于比如react全家桶
  entry: { index: './src/index.js', add: './src/add.js' }, // 打包成多个js
  output: {
    // 文件名称(指定名称+目录)
    filename: 'js/[name].js',
    path: `${__dirname}/build`,
    // 所有输出资源的公共路径前缀 -->'imgs/a.jpg'==>'/imgs/a.jpg'
    publicPath: '/',
    chunkFilename: 'js/[name]_chunk.js', // 非入口chunk的名字
    /*
     暴露库使用
    library: '[name]', // 暴露变量
    libraryTarget: 'window', // global commonjs 
    */
  },
  module: {
    rules: [
      //loader配置
      {
        test: /\.css$/,
        // 多个loader用use单个用loaser
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.js$/,
        exclude: /(node_modules|build)/,
        //只检查src下的文件
        include: `${__dirname}/src`,
        enforce: 'pre',
        //延后
        // enforce:'post'
        loader: 'eslint-loader',
        option: {},
      },
    ],
  },
  plugins: [new HtmlWebpackPlugin()],
  mode: 'development',
};
